.loginwindow{ display: flex; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,.57);}
.loginwindow .Login_content{ width: 996px;background: linear-gradient(to bottom,#f1f5fe, #fbfcff); display: flex; border-radius: 10px; box-shadow: 0px 5px 81px rgba(0,0,0,.1); position: relative;}
.loginwindow .Login_content .LoginClose{ position: absolute; right: 35px; top: 25px; cursor: pointer;}
.loginwindow .Login_content .LoginClose i{ font-size: 30px; color: #3662eb;}
.loginwindow .Login_left{ display: flex; align-items: center; width: 50%; margin-right: 0; position: relative; justify-content: center;}
.loginwindow .Login_left .Login_left_img{ margin-right: 0px; position: relative; left: 30px;}
.loginwindow .Login_left .Login_left_txt{ width: auto; position: absolute; left: 37px; top: 44px;}
.loginwindow .Login_left .Login_left_txt .left_txt_logo img{ height: 40px;}
.loginwindow .Login_left .Login_left_txt .left_txt_title{ font-size: 40px; color: #22242c; font-weight: bolder; margin-top: 30px; margin-bottom: 42px;}
.loginwindow .Login_left .Login_left_txt .left_txt_p{ font-size: 15px; color: #474b5a; line-height: 24px;}
.loginwindow .Login_right{ border: 0px solid rgba(255,255,255,.75); border-radius: 10px; padding: 45px; background: none; width: 50%;}
.loginwindow .Login_right .Login_right_width{ width: 340px; margin: 0 auto;}
.loginwindow .Login_right .Login_right_title{ font-size: 30px; color: #22242c;} 
.loginwindow .Login_right .Login_right_nav{ display: flex; align-items: center; margin-top: 50px; margin-bottom: 36px;}
.loginwindow .Login_right .Login_right_nav .right_nav_list{ font-size: 18px; color: #abaeb6; position: relative; margin-right: 36px; cursor: pointer;}
.loginwindow .Login_right .Login_right_nav .right_nav_list:last-child{ margin-right: 0;}
.loginwindow .Login_right .Login_right_nav .right_nav_list.active{ color: #22242c;}
.loginwindow .Login_right .Login_right_nav .right_nav_list::before{ content: ""; display: inline-block; height: 2px; background: #3662eb; position: absolute; bottom: -8px; left: 0; right: 0; margin: 0 auto; opacity: 0; width: 0;}
.loginwindow .Login_right .Login_right_nav .right_nav_list.active::before{ opacity: 1; width: 100%;}
.loginwindow .Login_right .Login_right_content .right_content_message .content_message_list{ border: 1px solid #dcdee6; border-radius: 4px; margin-bottom: 17px; display: flex; align-items: center; justify-content: space-between; width: calc(340px - 28px); padding: 0px 13px;}
.loginwindow .Login_right .Login_right_content .right_content_message .content_message_list input{ height: 48px; border: 0; background: none; font-size: 13px; color: #222; width: 100%; padding: 0;}
.loginwindow .Login_right .Login_right_content .right_content_message .content_message_list.code input{ padding-left: 0; width: calc(100% - 110px);}
.loginwindow .Login_right .Login_right_content .right_content_message .content_message_list.code button{ color: #3662eb; font-size: 13px; background: none; border: 0px; cursor: pointer;}
.loginwindow .Login_right .Login_right_content .right_content_message .content_message_password{ text-align: right; font-size: 13px; color: #3662eb; margin-bottom: 15px; display: flex; align-items: center; justify-content: space-between;}
.loginwindow .Login_right .Login_right_content .right_content_message .content_message_password .message_password_left{ opacity: 0;}
.loginwindow .Login_right .Login_right_content .right_content_message .content_message_password.on .message_password_left{ opacity: 1;}
.loginwindow .Login_right .Login_right_content .right_content_message .content_message_password .message_password_right{ cursor: pointer;}
.loginwindow .Login_right .Login_right_content .right_content_message .content_message_list img{ width: 18px; cursor: pointer;}
.loginwindow .Login_right .Login_right_content .right_content_message .content_message_submit{ width: 100%; height: 48px; display: flex; align-items: center; justify-content: center; background: #3662eb; color: #fff; font-size: 15px; cursor: pointer; border-radius: 4px;}
.loginwindow .Login_right .Login_right_content .right_content_bottom{ margin-top: 30px; border-bottom: 1px solid #dcdee6; padding-bottom: 24px; margin-bottom: 24px;}
.loginwindow .Login_right .Login_right_content .right_content_bottom p{ font-size: 15px; color: #abaeb6; text-align: center; margin-bottom: 20px;}
.loginwindow .Login_right .Login_right_content .right_content_bottom p a{ font-size: 15px; color: #3662eb;}
.loginwindow .Login_right .Login_right_content .right_content_bottom p:last-child{ margin-bottom: 0;}
.loginwindow .Login_right .Login_right_content .right_content_WeChat{ display: flex; align-items: center; font-size: 13px; color: #abaeb6;}
.loginwindow .Login_right .Login_right_content .right_content_WeChat img{ height: 22px; margin-left: 14px; cursor: pointer;}
.Login .Login_right .ScanCode{ height: 497px; width: 340px; margin: 0 auto;}
.loginwindow .Login_right .ScanCode .ScanCode_title{ margin-top: 53px; font-size: 15px; color: #474b5a; text-align: center; margin-bottom: 30px; width: 368px;}
.loginwindow .Login_right .ScanCode .ScanCode_img{ display: flex; justify-content: center; height: 202px;}
.loginwindow .Login_right .ScanCode .ScanCode_img img{ max-width: 202px;}
.loginwindow .Login_right .ScanCode .ScanCode_btn{ font-size: 15px; color: #3662eb; text-align: center; margin-top: 30px; margin-bottom: 20px;}
.loginwindow .Login_right .ScanCode .ScanCode_btn span{ cursor: pointer;}
.loginwindow .Login_right .ScanCode .ScanCode_p{ text-align: center; font-size: 13px; color: #abaeb6;} 
.loginwindow .Login_right .ScanCode .ScanCode_p a{ color: #3662eb; font-size: 13px;}









































